<%@tag description="Templating" pageEncoding="UTF-8"%>
<%@attribute name="http_header" fragment="true" %>
<%@attribute name="header" fragment="true" %>
<%@attribute name="left_content" fragment="true" %>
<%@attribute name="right_content" fragment="true" %>
<%@attribute name="footer" fragment="true" %>
<%@attribute name="scriptBottom" fragment="true" %>

<html>
	<head>
		<jsp:invoke fragment="http_header"></jsp:invoke>
	</head>
	
	<body>
		<div id="page-wrapper">
			<div id="header">
				<jsp:invoke fragment="header"></jsp:invoke>
			</div>
			
			<div id="content">
				<div id="user-info-notify" style="padding:5px;background-color:#F6F7F3;border-bottom:5px solid #EEEBE1;">
					<div style="line-height:15px;">
						<span style="font-size:12px;color:BLUE;font-weight:bold;">CURRENT </span>
						<span style="color:gray;font-weight:bold;">
							User : ngannt - Full name : Nguyễn Thị Ngân - Job title : Lễ tân - Ext : 998 - Mobile : 0909.066.277							
						</span>
					</div>
				</div>
			
				<div id="left-content" class="left">
					<jsp:invoke fragment="left_content"></jsp:invoke>
				</div>
				
				<div id="right-content" class="left">
					<jsp:invoke fragment="right_content"></jsp:invoke>
				</div>
				
				<div class="clear-left"></div>
			</div>
			
			<div id="footer">
				<jsp:invoke fragment="footer"></jsp:invoke>
			</div>
			
			
		</div>
	</body>
	<jsp:invoke fragment="scriptBottom"></jsp:invoke>
	<script type="text/javascript">	
		var leftHeight = $("#left-content").height();
		var rightHeight = $("#right-content").height();
		var greaterHeight = leftHeight < rightHeight ? rightHeight : leftHeight;
		$("#left-content").height(greaterHeight);
		$("#right-content").height(greaterHeight + 20);
	</script>
</html>